:root {
    --colors--white: white;
    --colors--black: black;
    --colors--black-2: #1a272e;

    --colors--cream: #dbd5cd4d;
    --colors--yellow: #fbc704;
    --colors--pink: #ffc1ad;

    --colors--green: #5faca8;
    --colors--dark-green: #086375;
    --colors--light-green: #6895a1;

    --colors--dark-purple: #342646;
    --colors--orange: #fd602c;

    --colors--grey: #d7d6d6;
    --colors--grey-2: #a2a1a1;

    --margin--marg-xxs: 0.8rem;
    --margin--marg-xs: 1.25rem;
    --margin--marg-s: 1.875rem;
    --margin--marg-m: 2.5rem;
    --margin--marg-l: 3.75rem;
    --margin--marg-xl: 5.625rem;
    --margin--marg-xxl: 8.75rem;

    --padding--padd-xs: 1.25rem;
    --padding--padd-s: 2.5rem;
    --padding--padd-m: 3.75rem;
    --padding--padd-l: 5.7rem;
    --padding--padd-xl: 7.5rem;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: var(--colors--cream);
    color: var(--colors--dark-purple);
    font-family: Ambit;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    overflow-x: hidden;
}

h1 {
    font-size: 2.8rem;
    font-size: clamp(2.8rem, 2.46rem + 1.75vw, 4.56rem);
    margin: 0 0 var(--margin--marg-xs);
    font-family: Neue Machina;font-weight:900;
    line-height: 1;
    text-transform: uppercase;
}

h2 {
    font-size: 2.5rem;
    font-size: clamp(2.5rem, 2.3rem + 1vw, 3.5rem);
    margin: 0 0 var(--margin--marg-s);
    font-family: Supply;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
}

h2:last-child {
    margin: 0;
}

h6 {
    font-size: 1.25rem;
    text-transform: uppercase;
    margin: 0;
    font-family: Supply;
    font-weight: 700;
}

.content {
    max-width: 1440px;
    width: 80%;
    margin: 0 auto;
}

b {
    font-weight: 700;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
    font-size: 1rem;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

p {
    margin: 0 0 var(--margin--marg-s);
}

p:last-child {
    margin-bottom: 0;
}

.cta-wr {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.cta {
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 400;
    color: var(--colors--black);
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    word-break: keep-all;
    background-color: var(--colors--white);
    padding: 1rem 2rem;
    display: inline-block;
    transition: all 0.5s ease;
    font-family: Supply;
    font-weight: 400;

}

.cta-ghost {
    border: 2px solid var(--colors--white);
    color: var(--colors--white);
    background-color: var(--colors--black);
}

.cta-yellow {
    background-color: var(--colors--yellow);
}

.cta:hover {
    background-color: var(--colors--black);
    color: var(--colors--white);
}

.cta-ghost:hover {
    background-color: var(--colors--white);
    color: var(--colors--black);
}

.cta-yellow:hover {
    background-color: var(--colors--white);
    color: var(--colors--black);
}

.drept-img {
    display: block;
    margin: 0 0 var(--margin--marg-m);
}

/* ----- MAIN ----- */

main {
    color: var(--colors--white);
    position: relative;
    width: 100%;
    overflow: hidden;
    background-image: url(https://www.jmcacademy.edu.au/media/n12h25qh/hero-bg.jpg);
    background-position: 0 100%;
    background-size: cover;
}

.video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(1.5);
    pointer-events: none;
    /* Makes the video non-interactive */
    object-fit: cover;
    z-index: -1;
}

header {
    max-width: 1680px;
    width: 80%;
    margin: 0 auto;
    padding: var(--padding--padd-s) 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.hero-c {
    padding: var(--padding--padd-l) 0 var(--padding--padd-xl);
}

.hero-text {
    max-width: 790px;
    width: 100%;
}

.hero-text p {
    margin: 0 0 var(--margin--marg-m);
}

.giants-c {
    padding: var(--padding--padd-m) 0;
}

.giants-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--margin--marg-xs);
    margin: 0 0 var(--margin--marg-m);
}

.giants-wr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--margin--marg-xs);
}

.giants-wr img {
    flex: 1 1 110px;
    /* se adaptează dar pornește de la 120px */
    max-width: 170px;
    aspect-ratio: 1 / 1;
    /* păstrează proporția pătrată */
    object-fit: contain;
    padding: 10px;
    box-sizing: border-box;
}

.giants-top p {
    text-transform: uppercase;
    max-width: 400px;
    width: 100%;
    margin: 0;
    font-family: Supply;
    font-weight: 400;
}

.block-border {
    border: 1px solid transparent;
    height: 6px;
    width: 100%;
}

.block-border-purple {
    border-color: var(--colors--dark-purple);
}

/* ----- CAREER ----- */

.section-career {
    background: #3A2B4F;
    color: var(--colors--white);
}

.career-c {
    padding: var(--padding--padd-xl) 0;
}

.career-wr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--margin--marg-m);
    margin: 0 0 var(--margin--marg-xxl);
}

.career-left {
    max-width: 45%;
    width: 100%;
}

.career-right {
    max-width: 45%;
    width: 100%;
    margin: var(--margin--marg-m) 0 0;
}

.video-link {
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.video-career {
    background-image: url(https://www.jmcacademy.edu.au/media/n4ijirpf/career-video-img.png);
    height: 700px;
}

.video-global {
    background-image: url(https://www.jmcacademy.edu.au/media/nkiocvn5/global-video-img.png);
    height: 700px;
}

.video-where {
    background-image: url(https://www.jmcacademy.edu.au/media/ehib3yfq/more-img-3.png);
    height: 685px;
}

.play-button {
    transition: all 0.3s ease;
}

.video-link:hover .play-button {
    transform: scale(1.2);
}

/*---- Start FAQ Dropdown -----*/

.framework-left {
    width: 35%;
    text-align: left;
}

.framework-left p {
    margin: 0 0 40px 0;
}

.framework-right {
    width: 50%;
}

.faqs-heading {
    margin-bottom: 0;
}

.faq_question {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-family: Supply;
    font-weight: 700;
    position: relative;
    padding: 0 var(--padding--padd-s) var(--padding--padd-s) 0;
    margin: 0;
}

.faq_section_row {
    text-align: left;
}

.faq_answer {
    padding: 0 40px 40px 0;
}

.faq_answer ul,
ol:last-child {
    margin-bottom: 0;
}

.faq_answer ul,
ol li {
    font-size: 1.2rem;
    font-family: Ambit;
    margin: 0 0 var(--margin--marg-s);
}

/* .faq_answer ul,
ol li:last-of-type {
    margin: 0;
} */

.faq_answer ul {
    list-style: disc;
    padding: 0 0 0 40px;
}

.faq_answer ul li {
    margin: 0 0 var(--margin--marg-xxs);
}

.faq_answer ul li:last-of-type {
    margin: 0;
}

.tier-block {
    margin: var(--margin--marg-m) 0;
}

.tier-block:last-of-type {
    margin: var(--margin--marg-m) 0 0;
}

.tier-block p {
    margin: 0 0 var(--margin--marg-xxs);
}

.faq_answer h6 {
    margin: 0 0 var(--margin--marg-xxs);
}

.faq_answer p {
    font-size: 1.2rem;
    font-family: Ambit;
}

.faq_answer p:last-of-type {
    margin: 0;
}

.faq_answer a {
    color: inherit;
}

.faq_answer a:hover {
    text-decoration: none;
}

.faq_row {
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: all 0.5s ease;
    margin: 0 0 var(--margin--marg-m) 0;
}

.faq_white .faq_row {
    border-color: var(--colors--cream);
}

.faq_dark .faq_row {
    border-color: var(--colors--dark-purple);
}

.faq_white .faq_row:hover {
    border-bottom-color: var(--colors--white);
}

.faq_dark .faq_row:hover {
    border-bottom-color: var(--colors--grey);
}

.faq_row:last-of-type {
    margin: 0;
}

.faq_question::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background: var(--colors--black-webprofits);
    position: absolute;
    right: 0;
    top: 12px;
    transition: all 0.5s var(--transition-main);
}

.faq_question::before {
    content: "";
    display: block;
    width: 2px;
    height: 16px;
    position: absolute;
    right: 7px;
    top: 5px;
    transition: all 0.5s ease;
}

.faq_row.faq_active {
    border-bottom-color: var(--colors--red-webprofits);
}

/* ----- STRIPE ----- */

.stripe-green {
    background: #34668B;
    color: var(--colors--white);
}

.stripe-c {
    padding: var(--padding--padd-m) 0;
}

.stripe-wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--margin--marg-m);
}

.stripe-left {
    max-width: 70%;
    width: 100%;
}

.stripe-right {
    max-width: 20%;
    width: 100%;
    margin: var(--margin--marg-m) 0 0;
}

/* FAQ WHITE */

.faq_white .faq_question::before {
    background: var(--colors--white);
}

.faq_white .faq_question::after {
    background: var(--colors--white);
}

.faq_dark .faq_question::before {
    background: var(--colors--dark-purple);
}

.faq_dark .faq_question::after {
    background: var(--colors--dark-purple);
}

.faq_row.faq_active .faq_question::before {
    transform: rotate(90deg);
}

/* FAQ ARROW */

.faq_arrow .faq_question::before {
    background: url(https://www.jmcacademy.edu.au/media/1tcdzjue/arrow-right-white.svg) no-repeat center center;
    background-size: 24px 20px;
    width: 24px;
    height: 20px;
    right: unset;
    left: 0;
}

.faq_arrow .faq_question::after {
    content: none;
}

.faq_arrow .faq_question {
    padding: 0 0 var(--padding--padd-s) var(--padding--padd-s);
}

.faq_arrow .faq_answer {
    padding: 0 0 var(--padding--padd-s) var(--padding--padd-s);
}

/* FAQ GREEN  */

.faq_green .faq_question {
    padding: var(--padding--padd-s);
    background: var(--colors--dark-green);
}

.faq_green .faq_row {
    margin: 0;
    border-color: var(--colors--dark-purple);
}

.faq_green .faq_row:hover {
    border-bottom-color: var(--colors--dark-purple);
}

.faq_green .faq_question::after {
    right: 20px;
    top: 52px;
}

.faq_green .faq_question::before {
    right: 27px;
    top: 45px;
}

.faq_green .faq_answer {
    padding: 0;
}

/* FAQ ALT */

.faq_row_alt {
    cursor: pointer;
    border-bottom: 1px solid transparent;
    transition: all 0.5s ease;
    margin: 0;
}

.faq_white .faq_row_alt {
    border-color: var(--colors--cream);
}

.faq_white .faq_row_alt:hover {
    border-color: var(--colors--white);
}

.faq_row_alt.faq_active_alt {
    border-color: var(--colors--white);
}

.faq_question_alt {
    font-size: 1.25rem !important;
    text-transform: uppercase;
    font-family: Supply !important;
    font-weight: 700;
    position: relative;
    padding: var(--padding--padd-s) var(--padding--padd-s) var(--padding--padd-s) 0;
    margin: 0;
}

.faq_question_alt::before {
    content: "";
    display: block;
    width: 2px;
    height: 16px;
    background: var(--colors--white);
    position: absolute;
    right: 7px;
    top: 45px;
    transition: all 0.5s ease;
}

.faq_question_alt::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background: var(--colors--white);
    position: absolute;
    right: 0;
    top: 52px;
    transition: all 0.5s ease;
}

.faq_row_alt.faq_active_alt .faq_question_alt::before {
    transform: rotate(90deg);
}

.faq_answer_alt {
    padding: 0 40px 40px 0;
}

.faq_answer_alt ul {
    margin: 0 0 var(--margin--marg-s);
}

.faq_answer_alt ul li {
    font-size: 1.2rem;
    font-family: Ambit;
    margin: 0 0 var(--margin--marg-xxs);
}

.faq_answer_alt ul li:last-of-type {
    margin: 0;
}

.faq_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--margin--marg-m);
    margin: 0 0 var(--margin--marg-s);
}

.faq_inner_half {
    max-width: 50%;
    width: 100%;
}

/*---- End FAQ Dropdown -----*/

/* ----- MIDDLE ----- */

.section-middle.border {
    border-bottom: 10px solid var(--colors--grey);
}

.middle-c {
    padding: var(--padding--padd-xl) 0;
}

.why-half {
    max-width: 50%;
    width: 100%;
}

.why-block {
    margin: 0 0 var(--margin--marg-xxl);
}

.why-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: var(--margin--marg-m);
    margin: var(--margin--marg-l) 0 100px;
}

.why-box {
    background: var(--colors--white);
    padding: var(--padding--padd-s);
}

.why-box-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--margin--marg-xs);
    margin: 0 0 var(--margin--marg-s);
}

.why-box-btm p:first-child {
    font-size: 3.1rem;
    font-size: clamp(3.1rem, 2.5rem + 3.1vw, 6rem);
    line-height: 1;
    font-family: Neue Machina;font-weight:900;
    margin: 0 0 var(--margin--marg-xs);
}

.why-box-btm p:last-child {
    font-size: 1.1rem;
    font-family: Ambit;
}

.why-box-btm img {
    margin: 0 0 var(--margin--marg-xs);
}

.why-box-btm b {
    font-size: 1.1rem;
}

.more-wr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--margin--marg-m);
}

.more-wr.mirror {
    flex-direction: row-reverse;
}

.more-left {
    max-width: 45%;
    width: 100%;
}

/* .left-img {
    margin: var(--margin--marg-m) 0 0;
} */

.more-right {
    max-width: 45%;
    width: 100%;
    margin: var(--margin--marg-m) 0 0;
}

.sell-block {
    margin: 0 0 var(--margin--marg-s);
}

.sell-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.25rem;
    margin: 0 0 var(--margin--marg-s);
    padding: 0 0 var(--padding--padd-s);
    border-bottom: 2px solid var(--colors--dark-purple);
}

.sell-row p {
    font-size: 1.25rem;
    font-family: Neue Machina;font-weight:900;
    text-transform: uppercase;
}

/* ----- PERFORM ----- */

.section-perform {
    background: url(https://www.jmcacademy.edu.au/media/i3xlam32/perform-bg.jpg) no-repeat center center;
    background-size: cover;
    color: var(--colors--white);
    min-height: 100vh;
}

.section-perform.second {
    background: url(https://www.jmcacademy.edu.au/media/jrbbst4r/perform-bg-2.jpg) no-repeat center center;
    background-size: cover;
}

.over-drept {
    font-size: 1.25rem;
    text-transform: uppercase;
}

.under-cta {
    font-size: 0.9rem;
    margin: var(--margin--marg-xs) 0 0;
    font-family: Ambit;
}

.perform-c {
    padding: var(--padding--padd-xl) 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}

.perform-block {
    max-width: 45%;
    width: 100%;
}

/* ----- GLOBAL ----- */

.section-global {
    background: var(--colors--black-2);
    color: var(--colors--white);
}

.global-c {
    padding: var(--padding--padd-xl) 0;
}

.global-wr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--margin--marg-m);
    margin: 0 0 var(--margin--marg-xxl);
}

.global-left {
    max-width: 45%;
    width: 100%;
}

.global-right {
    max-width: 45%;
    width: 100%;
    margin: var(--margin--marg-m) 0 0;
}

/* ----- STARTED ----- */

.started-c {
    padding: var(--padding--padd-xl) 0;
}

.started-half {
    max-width: 45%;
    width: 100%;
}

.started-wr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: var(--margin--marg-m);
    margin: var(--margin--marg-l) 0 0;
}

.started-box {
    border: 2px solid var(--colors--black-2);
    padding: var(--padding--padd-s);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: var(--margin--marg-xs);
}

.started-box.yellow {
    background: var(--colors--yellow);
    border-color: var(--colors--yellow);
    justify-content: flex-end;
    transition: all 0.3s ease;
}

.started-box.yellow:hover {
    background: none;
    border-color: var(--colors--black-2);
}

.started-cta {
    margin: 0 !important;
    position: relative;
}

.started-cta::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url(https://www.jmcacademy.edu.au/media/hz2jlcrz/arrow-right-black.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.started-box-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--margin--marg-xs);
    margin: 0 0 var(--margin--marg-l);
}

.started-box-btm p:first-of-type {
    font-size: 2rem;
    line-height: 1;
    font-family: Neue Machina;font-weight:900;
    text-transform: uppercase;
    margin: 0 0 var(--margin--marg-xs);
}

.started-box-btm p:last-child {
    font-size: 1.1rem;
    font-family: Ambit;
}

.started-box ul li {
    font-size: 1.25rem;
    line-height: 1;
    margin: 0 0 var(--margin--marg-xxs);
}

.started-box ul li:last-of-type {
    margin: 0;
}

.started-box ul li.link-pink {
    background: var(--colors--pink);
    padding: 0.5rem;
}

.started-box a {
    text-decoration: underline;
}

.started-box a:hover {
    text-decoration: none;
}

.started-box a b {
    font-family: Ambit;font-weight:700;
}

/* ----- COURSE ----- */

.section-course {
    background: var(--colors--black-2);
    color: var(--colors--white);
}

.course-c {
    padding: var(--padding--padd-xl) 0;
}

.course-wr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--margin--marg-m);
    margin: 0 0 var(--margin--marg-xl);
}

.course-left {
    max-width: 35%;
    width: 100%;
}

.course-right {
    max-width: 60%;
    width: 100%;
    margin: var(--margin--marg-m) 0 0;
}

/* ----- MENTORS ----- */

.mentors-half {
    max-width: 45%;
    width: 100%;
}

.mentor-slider {
    margin: var(--margin--marg-l) 0 0;
}

.mentor-slider .slick-track {
    display: flex !important;
}

.mentor-slider .slick-slide {
    height: inherit !important;
    margin: 0 30px;
}

.mentor-slider .slick-list {
    margin: 0 -30px;
}

.mentor-profile {
    position: relative;
}

.mentor-profile img {
    width: 100%;
}

.mentor-profile.dark-purple {
    border: 15px solid var(--colors--dark-purple);
}

.mentor-profile.mentor-profile.dark-purple p {
    background: var(--colors--dark-purple);
    color: var(--colors--white);
    padding: 0.5rem;
    font-size: 1rem;
    font-family: Supply;
    font-weight: 400;
}

.mentor-profile.orange {
    border: 15px solid var(--colors--orange);
}

.mentor-profile.mentor-profile.orange p {
    background: var(--colors--orange);
    color: var(--colors--white);
    padding: 0.5rem;
    font-size: 1rem;
    font-family: Supply;
    font-weight: 400;
}

.mentor-profile.dark-green {
    border: 15px solid var(--colors--dark-green);
}

.mentor-profile.mentor-profile.dark-green p {
    background: var(--colors--dark-green);
    color: var(--colors--white);
    padding: 0.5rem;
    font-size: 1rem;
    font-family: Supply;
    font-weight: 400;
}

.mentor-profile p {
    position: absolute;
    margin: 0;
    text-transform: uppercase;
}

.mentor-profile p:first-of-type {
    inset: 0 auto auto 0;
}

.mentor-profile p:last-of-type {
    inset: auto 0 0 auto;
}

.mentor-text {
    padding: var(--padding--padd-xs) 0;
}

.mentor-text p {
    font-size: 1.25rem;
    font-family: Ambit;
}

.mentor-text p:first-of-type {
    font-size: 1.5rem;
    font-family: Ambit;font-weight:700;
    margin: 0 0 var(--margin--marg-xs);
}

.mentor-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin: var(--margin--marg-s) 0 0;
    position: relative;
}

.slick-arrow {
    font-size: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    border: 1px solid var(--colors--black-2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slick-arrow:hover {
    background-color: var(--colors--yellow);
}

.slick-prev {
    order: 1;
    background: url(https://www.jmcacademy.edu.au/media/dcbopm05/arrow-left-black.svg) no-repeat center center;
    background-size: 24px 24px;
}

.slick-next {
    order: 3;
    background: url(https://www.jmcacademy.edu.au/media/hz2jlcrz/arrow-right-black.svg) no-repeat center center;
    background-size: 24px 24px;
}
.slick-next:before, .slick-prev:before,.slick-dots li.slick-active button:before{display:none;}

.slick-dots {
    order: 2;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.slick-dots li, .slick-dots li button {
    display: block;
    padding: 0;
    width: 8px;
    height: 8px;
    background-color: var(--colors--grey-2);
    cursor: pointer;
    font-size: 0;
    border: none;
    transition: all 0.2s ease;
}

.slick-dots button:hover {
    background-color: var(--colors--dark-purple);
}

.slick-dots .slick-active button {
    background-color: var(--colors--dark-purple);
}

/* ----- TESTIMONIALS ----- */

.section-testimonials {
    background: var(--colors--dark-green);
    color: var(--colors--white);
}

.testimonials-c {
    padding: var(--padding--padd-xl) 0;
}

.testimonials-wr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--margin--marg-xl);
}

.testimonials-profile p:first-of-type {
    text-transform: uppercase;
    margin: 0 0 var(--margin--marg-xxs);
}

.testimonials-profile p:last-of-type {
    font-size: 1.1rem;
    font-family: Ambit;
    color: var(--colors--light-green);
}

.testimonials-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin: var(--margin--marg-xl) 0 0;
    position: relative;
}

.testimonials-nav .slick-arrow {
    border-color: var(--colors--white);
}

.testimonials-nav .slick-prev {
    background: url(https://www.jmcacademy.edu.au/media/v2ycmqyz/arrow-left-white.svg) no-repeat center center;
}

.testimonials-nav .slick-next {
    background: url(https://www.jmcacademy.edu.au/media/1tcdzjue/arrow-right-white.svg) no-repeat center center;
}

.testimonials-nav .slick-arrow:hover {
    background-color: var(--colors--black-2);
}

.testimonials-nav .slick-dots button {
    background-color: var(--colors--light-green);
}

.testimonials-nav .slick-dots button:hover {
    background-color: var(--colors--white);
}

.testimonials-nav .slick-dots .slick-active button {
    background-color: var(--colors--white);
}

/* ----- QUESTIONS ----- */

.questions-wr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--margin--marg-m);
}

.questions-left {
    max-width: 45%;
    width: 100%;
}

.questions-right {
    max-width: 45%;
    width: 100%;
    margin: var(--margin--marg-m) 0 0;
}

/* ----- FOOTER ----- */

footer {
    background: var(--colors--black-2);
    color: var(--colors--white);
}

.footer-c {
    padding: var(--padding--padd-xl) 0;
}

.footer-wr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: var(--margin--marg-m);
    margin: 0 0 var(--margin--marg-l);
}

.footer-links li {
    font-size: 1rem;
    margin: 0 0 var(--margin--marg-xxs);
}

.footer-links li:last-child {
    margin: 0;
}

.footer-links li a {
    transition: all 0.3s ease;
}

.footer-links li a:hover {
    color: var(--colors--green);
}

.social-links {
    display: grid;
    grid-template-columns: 40px 40px 40px;
    grid-template-rows: auto;
    gap: 1rem;
    margin: var(--margin--marg-xs) 0 0;
}

.social-links a {
    border: 2px solid var(--colors--white);
    width: 40px;
    height: 40px;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.social-links a img {
    transition: all 0.3s ease;
}

.social-links a:hover {
    background-color: var(--colors--white);
}

.social-links a:hover img {
    filter: invert(67%) sepia(7%) saturate(2165%) hue-rotate(128deg) brightness(92%) contrast(87%);
}

footer p {
    font-size: 1rem;
}

.footer-btm-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem 2rem;
    margin: 0 0 var(--margin--marg-xs);
}

.footer-links.footer-btm-links li {
    margin: 0;
}

.footer-btm p {
    text-align: center;
}

/* ----- RESPONSIVE ----- */

@media screen and (max-width: 1440px) {
    .hero-c {
        padding: var(--padding--padd-s) 0 var(--padding--padd-xl);
    }
}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1180px) {
    .career-wr {
        margin: 0 0 var(--margin--marg-xl);
    }

    .why-block {
        margin: 0 0 var(--margin--marg-xl);
    }

    .why-boxes {
        grid-template-columns: 1fr 1fr;
    }

    .global-wr {
        margin: 0 0 var(--margin--marg-xl);
    }

    .started-wr {
        grid-template-columns: repeat(2, 1fr);
    }

    .perform-block {
        max-width: 100%;
    }

    .faq_inner {
        flex-direction: column;
        gap: 0;
    }

    .faq_inner_half {
        max-width: 100%;
    }

    .stripe-wr {
        flex-direction: column;
        align-items: flex-start;
    }

    .stripe-left {
        max-width: 100%;
    }

    .stripe-right {
        max-width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 1024px) {
    .hero-c {
        padding: var(--padding--padd-s) 0 var(--padding--padd-m);
    }

    .video-career {
        height: 360px;
    }

    .video-global {
        height: 360px;
    }

    .play-button {
        height: 60px;
    }

    .career-c {
        padding: var(--padding--padd-m) 0;
    }

    .career-wr {
        flex-direction: column;
        margin: 0 0 var(--margin--marg-m);
    }

    .career-left {
        max-width: 100%;
    }

    .career-right {
        max-width: 100%;
        margin: 0;
    }

    .middle-c {
        padding: var(--padding--padd-m) 0;
    }

    .why-half {
        max-width: 100%;
    }

    .perform-c {
        padding: var(--padding--padd-m) 0;
    }

    .more-wr {
        flex-direction: column;
    }

    .more-wr.mirror {
        flex-direction: column;
    }

    .more-left {
        max-width: 100%;
    }

    .more-right {
        max-width: 100%;
        margin: 0;
    }

    .global-c {
        padding: var(--padding--padd-m) 0;
    }

    .global-wr {
        flex-direction: column;
        margin: 0 0 var(--margin--marg-m);
    }

    .global-left {
        max-width: 100%;
    }

    .global-right {
        max-width: 100%;
        margin: 0;
    }

    .started-c {
        padding: var(--padding--padd-m) 0;
    }

    .started-half {
        max-width: 100%;
    }

    .course-c {
        padding: var(--padding--padd-m) 0;
    }

    .course-wr {
        flex-direction: column;
    }

    .course-left {
        max-width: 100%;
    }

    .course-right {
        max-width: 100%;
        margin: 0;
    }

    .mentors-half {
        max-width: 100%;
    }

    .testimonials-c {
        padding: var(--padding--padd-m) 0;
    }

    .questions-wr {
        flex-direction: column;
    }

    .questions-left {
        max-width: 100%;
    }

    .questions-right {
        max-width: 100%;
        margin: 0;
    }

    /* .left-img {
        margin: 0;
    } */

    .footer-wr {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-c {
        padding: var(--padding--padd-m) 0;
    }
}

@media screen and (max-width: 1144px) {

    .giants-wr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;

    }

    .giants-wr img {
        aspect-ratio: 0;
    }
}

@media screen and (max-width: 835px) {

    header {
        flex-direction: column
    }


    .header-cta {
        flex-direction: column;
        display: flex;
        gap: 10px
    }
}

@media screen and (max-width: 778px) {

    .started-wr {
        grid-template-columns: 1fr;
    }

    .why-boxes {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 932px) {
    .testimonials-wr {
        flex-direction: column;
        gap: var(--margin--marg-m);
    }

    .testimonials-nav {
        margin: var(--margin--marg-m) 0 0;
    }

    .why-box {
        padding: var(--padding--padd-xs);
    }

    .started-box {
        padding: var(--padding--padd-xs);
    }
}

@media screen and (max-width: 479px) {
    body {
        font-size: 1.3rem;
    }

    .cta-ghost {
        padding: 1rem;
    }

    .video-career {
        height: 170px;
    }

    .video-global {
        height: 170px;
    }

    .video-where {
        height: 385px;
    }

    .play-button {
        height: 40px;
    }

    .section-perform {
        min-height: auto;
    }

    .perform-c {
        justify-content: flex-start;
        min-height: auto;
    }

    .why-boxes {
        grid-template-columns: 1fr;
    }

    .started-wr {
        grid-template-columns: 1fr;
    }

    .perform-block {
        max-width: 100%;
    }
}